/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */

/* 颜色变量 */
$clr:#4D6BC2; //主色
$clr_assist:#ABAFB3; //辅助色

/* 背景颜色 */
$bg_clr:#F4F5FA;
$bg_clr_white:#FFF;
$bg_clr_dark_blue:#1377FE; //深蓝
$bg_clr_grey:#EAECF2; //不可点击灰
$bg_common: #F0F0F0;  //占位图背景

/* 文字基本颜色 */
$text_clr_333:#333333;
$text_clr_999:#999999;
$text_clr_666:#666666;
$text_clr_tag:#6E7279; //tag标签文字
$text_clr_white:#FFF;
$text_clr_blue:#89A0E5;
$text_clr_1212:#121212;

/* 按钮基本颜色 */
$btn_bg_clr:#89A0E5;//按钮底色
$btn_bg_clr_white:#FFF;//按钮底色


/* 行为相关颜色 */

/* 边框圆角 */
$border_radius_10:10rpx;
$border_radius_20:20rpx;
$border_radius_16:16rpx;
$border_radius_28:28rpx;
$border_radius_38:38rpx;
$border_radius_40:40rpx;
$border_radius_48:48rpx;
$border_radius_50:50rpx;
$border_radius_54:54rpx;
$border_radius_circle:100%;

/* 边框颜色 */
$border_clr:#89A0E5;
$border_clr_base:#F4F5FA;

/*公共css函数*/

//图标样式
@mixin iconStyle() {
    @include pseudoClassContent;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

//伪类展示内容
@mixin pseudoClassContent($text: "") {
    content: $text;
}

//宽高
@mixin WHSize($w, $h: $w) {
  width: $w;
  height: $h;
  min-width: $w;
}

//显示多行，省略号 
@mixin ellipsis($row:1) {
    /* 显示两行，省略号 */
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: $row;
    line-clamp: $row;
    -webkit-box-orient: vertical;
}

//单行，省略号 
@mixin uniline {
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

//flex样式
@mixin flex($msg: ()) {
    display: flex;
	
    @if ($msg) {

        @each $key,
        $value in $msg {
            @if ($key=="items") {
                align-items: $value;
            }

            @else if($key=="content") {
                justify-content: $value;
            }
			
			@else if($key=="direction") {
			    flex-direction: $value;
			}
        }
    }
}

//iPhone X、iPhone XR、iPhone XS Max、iPhone 11、iPhone 11 Pro、iPhone 11 Pro Max适配	
@mixin iphoneAdaptive ($name:'p',$n:''){
	@if($name == "p"){
		/* 可以通过增加padding-bottom来适配 */
		padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/
		padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/
	}
	@else if($name == "m"){
		/* 可以通过margin-bottom来适配 */
		margin-bottom: constant(safe-area-inset-bottom);
		margin-bottom: env(safe-area-inset-bottom);
	}
	@else if($name == "h"){
		/* 或者改变高度*/
		height: calc(#{$n} +  constant(safe-area-inset-bottom));
		height: calc(#{$n} +  env(safe-area-inset-bottom));
	}
}

